.section-about{
    background-color: $color-gray-light-1;
    padding: 25rem 0;
    margin-top: -20vh;
}
.section-features{
    padding: 20rem 0;
    background-image: linear-gradient(
        25deg,
        $color-primary,
        #5e6ca6ab, 
        $color-primary-dark, 
        $color-primary-light), 
        url(../img/montain.jpg);
    background-size: cover;
        
    transform: skewY(-7deg);
    & > * {
        transform: skewY(7deg);
    }
    margin-top: -10rem;
}
.section-tours{
    margin-top: -8rem;
    background-color: $color-gray-light-1;
    padding: 25rem 0;
}
.section-stories{
    padding: 15rem 0;
    position: relative;
}

.section-book{
    padding: 15rem 0;
    background-image: linear-gradient(to right bottom,$color-primary-light,$color-primary-dark);
}
.book{
    background-image: linear-gradient(105deg,rgba($color-white,.9) 50%,transparent 50%), url(/img/book.jpg) ;
    background-size: cover;
    background-position:center;
    border-radius: 3px;
    box-shadow: 0 3rem 2rem rgba($color-black, .15);
    height: 50rem;

    &__form{
        width: 50%;
        padding: 6rem;
        user-select: none;
    }
}